<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Complex Layout - jQuery EasyUI Demo</title>
		<jsp:include page="/WEB-INF/common/taglibs.jsp"></jsp:include>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="${ctx}resources/css/easyui.css">
		<link rel="stylesheet" type="text/css" href="${ctx}resources/css/icon.css">
		<script type="text/javascript" src="${ctx}resources/js/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="${ctx}resources/js/init.js"></script>
	</head>
	<style type="text/css">
        .easyui-accordion ul
        {
            list-style-type: none;
            margin: 0px;
            padding: 10px;
        }
        .easyui-accordion ul li
        {
            padding: 0px;
        }
        .easyui-accordion ul li a
        {
            line-height: 24px;
        }
        .easyui-accordion ul li div
        {
            margin: 2px 0px;
            padding-left: 10px;
            padding-top: 2px;
        }
        .easyui-accordion ul li div.hover
        {
            border: 1px dashed #99BBE8;
            background: #E0ECFF;
            cursor: pointer;
        }
        .easyui-accordion ul li div.hover a
        {
            color: #416AA3;
        }
        .easyui-accordion ul li div.selected
        {
            border: 1px solid #99BBE8;
            background: #E0ECFF;
            cursor: default;
        }
        .easyui-accordion ul li div.selected a
        {
            color: #416AA3;
            font-weight: bold;
        }
    </style>
	<body class="easyui-layout" style="overflow-y: hidden" scroll="no">
    <noscript>
        <div style="position: absolute; z-index: 100000; height: 2046px; top: 0px; left: 0px;
            width: 100%; background: white; text-align: center;">
            <img src="images/noscript.gif" alt='抱歉，请开启脚本支持！' />
        </div>
    </noscript>
    <!--顶部开始-->
    <div region="north" split="true" style="overflow: hidden; height: 60px; background: #D2E0F2 repeat-x center 50%; line-height: 20px; ">
        
    </div>
    <!--顶部结束-->
    <!--底部版权开始-->
    <div region="south" style="height:35px; vertical-align:middle;background:#D2E0F2;">
        <div style="text-align: center; font-size:15px;padding-top:6px;">
            Copyright&copy;2011亮点时间</div>
    </div>
    <!--底部版权开始-->
    <!--左侧菜单导航开始-->
    <div region="west" split="true" title="导航菜单" style="width: 180px;overflow:hidden;" icon="icon-redo">
        <div id="menu" class="easyui-accordion" fit="true" border="false">
            <div title="系统管理" style="overflow:auto;padding:10px;"icon="icon-edit">
                <div title="网站设置">
                    <ul>
                        <li>
                            <div><a target="mainFrame" href="http://www.sina.com">网站设置</a></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--左侧菜单导航结束-->
    <div region="center" id="mainFrame" style="background: #eee;overflow:hidden;">
        <div id="tabs" class="easyui-tabs" fit="true" border="false">
            <div title="首页" style="padding:20px;" id="home">
                <!--首页内容-->
                    
            </div>
        </div>
    </div>
</body>
</html>